/* ZFCMS backend stylesheet */
*{
    margin: 0; padding: 0;
    text-decoration: none;
    list-style:none;


}
img{
    border: none;
}
body{
    font-family: tahoma, arial;
    font-size: 10pt;
    position: relative;
}
#all{
    width: 100%;
}
#header{
    width: 100%;
    height: 55px;
    background: url(../images/header_bg.png) repeat-x;
}
#logo{
    padding: 5px 0px 0px 20px;
    float: left;
}
#account{
    margin: 15px 20px 0px 0px;
    height: 20px;
    line-height: 20px;
    float: right;
    padding-left: 30px;
    background: url(../images/account.png) no-repeat;
}

#account a{
    color: #26a146;
}
#account a:hover{
    color: #f9941e;
}
#main{
    padding-top: 10px;
    margin-left: 220px;
}
#sidebar{
    width: 170px;
    margin-left: -205px;
    float: left;
}
.box{
    margin-bottom: 10px;
}
.box .b-title{
    height: 28px;
    padding: 0px 5px;
    line-height: 28px;
    font-family: Georgia, Verdana;
    color: #4c4c4c;
    font-weight: bold;
    font-size: 12px;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #a3a3a3;
    background: url(../images/bt_bg.png) repeat-x;
    _height: 30px;

}
.box#dashboard .b-title{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
}
.box .b-title img{
    margin: 3px 5px 0px 0px;
    width: 20px;
    height: 20px;
    float: left;
}
.box .b-title a,
.box .b-title span{
    color: #4c4c4c;
}
.box .b-title a:hover{
    color: #252525;
}
.box .b-container{
    border: 1px solid #a3a3a3;
    border-top: none;
}
.box.accordion .b-container > ul > li{
    border-bottom: 1px solid #f2f2f2;
}
.box.accordion .b-container li div{
    padding-left: 10px;
    line-height: 25px;
}
.box.accordion .b-container li div:hover {
    cursor: pointer;
}
.box.accordion .b-container li div:hover,
.box.accordion .b-container li.current div{
    background: #f2f2f2 url(../images/arrow.png) no-repeat left center;
    color: #000000;
    font-weight: bold;
}
.box.accordion .b-container li ul {
    display: none;
}
.box.accordion .b-container li a{
    padding-left: 15px;
    height: 25px;
    line-height: 25px;
    display: block;
    font-family: tahoma;
    color: #4c4c4c;
}
.box.accordion .b-container li a:hover{
    background: #eefdf6;
    text-decoration: underline;
    color: #000000;

}
.box.accordion .b-container div label{
    line-height: 20px;
}
.box.accordion .b-container div label{
    color: #4C4C4C;
    font-style: italic;
    font-weight: 600;
    margin-right: 10px;
}

#right{
    width: 100%;
    float:right;
    margin-right: 15px;
}
#right .b-container{
    font-family: Lucida Grande, tahoma, arial;
    color:#21759b;
    height: auto;
}
#right .b-content{

    height: auto;
    float:left;
    padding: 10px 0 10px 10px;



}
#right .b-content ul li{
    margin-top: 5px;

}
#right .b-content ul li ul{
    margin-left: 50px;
}
#right .b-content .b-content-title{
    border-bottom: 1px solid #ececec;

}
#right .b-content h5{
    width: 20%;
}
#right .b-container .value{
    font-family: Georgia, tahoma, arial;

    font-size: 16px;
    font-weight: bold;
    color:#4d759b;

}
#right #left-b-content{
    width:23%;
    margin-right: 40px;
}
#right #mid-b-content{
    width:40%;
    margin-right: 40px;

}
#right #right-b-content{
    width:23%;
    margin-right: 20px;
}
#right #bill_report{
    width: 100%;
    height: auto;
    float: left;
    margin: 10px;
}
#r-heading{
    height: 50px;
}
#r-heading img{
    width: 40px;
    height: 40px;
    margin-left: 10px;
    float: left;
}
#r-heading span{
    font-family: Time new roman;
    font-size: 22px;
    font-style: italic;
    margin-left: 10px;
    line-height: 40px;
}
#message{
    background: #FFFFE0;
    border: 1px solid #e6db55;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

#message li.success{
    color: #3bab04;
}
#message li.error{
    color: #f20000;
}
ul.errors li{
    color: #f20000;
    font-style: italic;
}

.button{
    background: url(../images/btn_bg.png) repeat-x top center;
    border: 1px solid #a3a3a3;
    min-width: 50px;
    height: 25px;
    border-radius: 15px;
    padding: 3px 5px;
    cursor: pointer;
    font-size: 11px;
    color: #3a3a3a;
    vertical-align: middle;
}
.button:hover{
    background: url(../images/btn_bg.png) repeat-x bottom center;
}
.text{
    height: 20px;
}
.r-right .box .b-title{
    text-indent: 10px;
}
.r-right .box .b-container{
    padding: 5px;
}

#pagination{
    width: 100%;
    margin-top: 5px;
    font-family: Lucida Grande, Verdana, Tahoma;
    font-size: 10px;text-align: center;
}
#pagination a,
#pagination span{
    display: block;
    min-width: 16px;
    padding: 0px 2px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #a3a3a3;
    background: #d4d4d4;
    color:#00339c;
    float:left;
    margin: 0px 3px;
    text-align: center;
}
#pagination span{
    background: #efeeee;
    font-weight: bold;
    color: #5f5f5f;
}

#pagination a:hover{
    text-decoration: underline;
}
.clearfix{
    clear: both;
}
.loading{
    display: block;
    background: url(../images/loading.gif) no-repeat;
    width: 15px; height: 15px;
}
.loading-inline{
    background: url(../images/loading.gif) no-repeat;
    width: 15px; height: 15px;
}
.f-left{float: left;}
.f-right{float: right;}
.unread{font-weight: bold;}
.vertical-separator{
    width: 40px; height: 20px;
    float: left;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding-top: 20px;
    margin-right: 20px;
}

